{extend name="./tpl/default/mobile/public/layout.html" /}
{block name='title'}集约集采_{$webConfig.WEBNAME}{/block}
{block name='head'}
<div style="height: 48px;background: #fff;width: 100%;">
    <header data-am-widget="header"class="am-header am-header-default" style="position: fixed; z-index: 99;">
        <div class="am-header-left am-header-nav">
            <a href="" onclick="history.back(-1)" class="next">
                <img class="am-header-icon-custom" src="/public/home/mobile/image/images/2.png" alt=""  >
                集采推荐
            </a>
        </div>
    </header>
</div>
{/block}
{block name='body'}
<style>
.daxiao{font-size: 24px;}
    .red1{color: red}
    .asadq{margin-bottom:0rem ;}
    .tiem1{background: #EBC906; padding: 0.8rem;font-size: 12px; position: relative;width: 100%;}
    .tiem1 span{background: #563404; border-radius: 2px; color: #fff;       margin: 3px; padding: 3px;font-size: 12px;}
    .canyu{padding: 0.8rem; background: #EC0606; position: absolute; font-size: 12px;width: 51px;text-align: center; color: #fff; z-index: 99; top: 0; right: 0;}
    .split{display: none;}
    .bianju{position: relative;}
</style>
<div data-am-widget="titlebar" class="am-titlebar am-titlebar-cols">
    <nav class="am-titlebar-nav">
        <a class="" onclick="setOrder('goods_sort desc,create_time desc')">综合</a>
        <a class="" onclick="setOrder('goods_sale_number desc')">销量</a>
        <a class="" onclick="setOrder('create_time desc')">新品</a>
        <a class="" onclick="setPriceOrder()">价格<img src="/public/home/mobile/image/images/4.png" alt="" style="    width: 25px;height: 36px;"></a>
    </nav>
</div>
<div class="am-g" style=" overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;">
    <div class="am-u-sm-10">
        <a href="" onclick="history.back(-1)"><span class="icon iconfont icon-xiangzuojiantou"></span></a>
    </div>
    <div class="am-u-sm-2">
        <span class="icon iconfont icon-sousuo"></span>
        <span class="icon iconfont icon-gouwuche"></span>
    </div>
</div>
<div class="am-g " id="list" style="padding-left:1rem;">
    {volist name='itemList' id='vo'}
 <a href="{$vo.url}">
        <div class="am-u-sm-6" style="padding-left:0;">
            <div class="am-thumbnail">
                <img src="{$vo.goods_thumb}" alt="" style="height:160px;">
                <div class="am-thumbnail-caption">
                    <p class="asadq" > {$vo.goods_name}</p>
                    <!--<p>{$vo['goods_sale_number']/$vo['goods_stock']*100}%</p>
                    <p>已购：{$vo.goods_sale_number}</p>-->
                       <div class="price red1">￥<span class="goodsprice daxiao">{$vo.simple_price}</span>元<span class="market"><span style="color:#BABABA;float: right;line-height: 38px;  text-decoration: line-through;  position: absolute;">￥{$vo.market_price}</s></span> </div>
                    <p style="color:#BABABA;     text-align: left; margin-bottom:0.8rem;">已集：{$vo['goods_stock']}</p>
                </div>
     
                  <div class="bianju">
                      promotion_end_time
                  <div class="yomibox cnad tiem1" data-emsg="集采已结束" data-etime="{$vo['promotion_end_time']}"></div>
                   <div class="canyu">参与</div>    
                      </div>
            </div>
        </div>
    </a>
        {/volist}
           
           </div>    
{include file="./tpl/default/mobile/public/foot.html"/}
{/block}
{block name='js'}
<script type="text/javascript" src="/public/plugins/circle.js" ></script>
<script type="text/javascript" src="/public/plugins/timedown/jquery.yomi.js"></script>
<script>
    $(function() {
        $('#hotsale').find('li').hover(function() {
            $('#hotsale').find('li').removeClass('hover');
            $(this).addClass("hover");
        })
    })
</script>
{/block}
